@media screen and (max-width: 1680px){
    .case .center .pic {
        width: 400px;
        height: 222px;
    }
    .case .center .imgBg{
        height: 222px;
    }
    .case .center li {
        width: 400px;
        height: 380px;
        margin-right: 10px;
    }
    .case .center p {
        width: 370px;
    }
}
@media screen and (max-width: 1440px){
    .case .title li {
        font-size: 30px;
    }
    .case .center span {
        font-size: 20px;
    }
    .case .center p {
        font-size: 14px;
    }
}
@media screen and (max-width: 750px){
    .page{
        display: none;
    }
    .head{
        height: 7rem;
    }
    .head span {
        margin-top: 2.4rem;
        margin-bottom: 0px;
        font-size: .56rem;
    }
    .head p {
        width: 6.9rem;
        line-height: .45rem;
        margin-top: .28rem;
    }
    body>.nav{
        display: none;
    }
    .case .title ul {
        width: 6.9rem;
        display: flex;
        justify-content: space-between;
    }
    .case .title li {
        font-size: .35rem;
        margin-right: 0rem;
    }
    .case .search form {
        width: 6.9rem;
        height: .8rem;
        margin-top: .3rem;
    }
    .case .search input {
        width: 6.9rem;
        height: .8rem;
        box-sizing: border-box;
        border: .02rem solid #C4C4C4;
        background-position: .2rem .22rem;
        padding-left: .8rem;
        background-size: .35rem;
    }
    .case .search button {
        width: 1.6rem;
        height: .8rem;
        border: .02rem solid #C4C4C4;
        font-size: .3rem;   
    }
    .case .center {
        margin-top: .3rem;
    }
    .case .center li {
        width: 6.9rem;
        height: auto;
        margin-right: 0px;
        margin-bottom: .3rem;
    }
    .case .center .tips {
        width: auto;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem;
        padding: 0 .3rem;
    }
    .case .center .pic {
        width: 6.9rem;
        height: 3.84rem;
    }
    .case .center .imgBg{
        height: 3.84rem;
    }
    .case .center span {
        width: 6.3rem;
        margin: 0 .3rem;
        margin-top: .2rem;
        margin-bottom: .2rem;
        font-size: .32rem;
        line-height: .4rem;
    }
    .case .center p {
        width: 6.3rem;
        margin-left: .3rem;
        line-height: .4rem;
        font-size: .26rem;
        padding-bottom: .3rem;
    }
}